.item {
  cursor: pointer;
  border-radius: 6px;
  word-break: break-all;

  &:hover {
    color: var(--mb-color-text-hover);
    background-color: var(--mb-color-background-hover);
  }

  &.selected {
    color: var(--mb-color-text-selected);
    background-color: var(--mb-color-background-selected);
  }

  &.disabled {
    cursor: default;
    color: var(--mb-color-text-tertiary);
  }
}
